<template>
    <a-card title="用户管理">
      <a-table :columns="columns" :data-source="data">
        <template #bodyCell="{ column }">
          <template v-if="column.dataIndex === 'action'">
            <a>编辑</a>
            <a-divider type="vertical" />
            <a>删除</a>
          </template>
        </template>
      </a-table>
    </a-card>
  </template>
  
  <script setup>
  const columns = [
    { title: '姓名', dataIndex: 'name' },
    { title: '年龄', dataIndex: 'age' },
    { title: '地址', dataIndex: 'address' },
    { title: '操作', dataIndex: 'action' }
  ]
  
  const data = [
    { key: '1', name: '张三', age: 32, address: '上海' },
    { key: '2', name: '李四', age: 42, address: '北京' }
  ]
  </script>